@import 'fonticon',
        'common';
$min-width: 1100px;




.tc{
    text-align: center;
}

.layout{
    width: 1100px;
    margin: 0 auto;
}

.t-color{
    color: #E76520;
}
.t-white{
    color: #fff;
}

.t-grey{
    color: #666;
}
.glyphicon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


//轮播
.slideBox{
    position:relative;
    width:100%; 
    height:420px;
    overflow:hidden; 
    .hd{
        position: absolute;
        left: 47.5%;
        bottom: 15px;
        z-index:1;
        overflow:hidden; 
        ul li{
            display: inline-block;
            background: url(../img/ban_blank.png) no-repeat;
            margin-right: 5px;
            width: 15px;
            height: 15px;
            cursor: pointer; 
      }
      .on{
            background: url(../img/ban_orange.png) no-repeat;
        }
    }
    .bd{ 
        position:relative; 
        height:100%; 
        z-index:0;  
        li{ 
            zoom:1; 
            vertical-align:middle; 
            img{ 
                width:100%; 
                height:420px; 
                display:block;  
            }
        } 
    }
    .prev,.next{
        display: block;
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        cursor: pointer;
         &:hover{
          
       } 
    }
    .prev{
        left: 115px;  
        background: url(../img/ban_prev.png) no-repeat;  
        &:hover{
            background: url(../img/ban_prev2.png) no-repeat;   
        }
        
    }
    .next{
        right: 115px;   
        background: url(../img/ban_next.png) no-repeat;       
         &:hover{
            background: url(../img/ban_next2.png) no-repeat;   
        } 
    }
}

 //公共头部
.hdTop{
    margin: 40px auto 40px;
     text-align: center;
    cursor: pointer;
    .title{
        color: #333;
        font-weight: 500;
        font-size: 25px;
        .icon-round{
            padding: 0 5px;
       }
    }
    .text{
        color: #b5b5b5;      
        padding: 5px 0;
        }
    .line{
        width: 46px;
        height: 2px;
        margin: 5px auto;
        border-bottom: 2px solid #b5b5b5;
    }
}


.product,.support{
    .title{
         color: #fff;
        padding-top: 40px;
    }   
}


.support,.partner{
    .text{
       @extend .t-white;
   } 
}

.partner{    
    .text{
        color: #b5b5b5;
    }
}

//关于我们
.about{
    .bg{
        position: relative;
    }
    .present{
        background: #e76520;
        padding: 40px 20px;
        color: #fff;
    }
    .title{
       font-size: 25px;
    }
    .text{
        font-size: 13px;
        padding: 10px 0;
    }
    .detail{
        background: #f4f4f4;
        height: 240px;
        .text{
            width: 390px;
            height: 140px;
            padding: 20px;
            color: #666;
            line-height: 1.6;
        }      
    }
    .pic{
        position: absolute;
        top: 60px;
        right: 0; 
        height: 330px;
        overflow: hidden;
        a{
            float: left;
            position: relative;    
            width: 150px;
            transition:all .3s;
            -webkit-transition: all .3s;
            display: block;
        }  
        img {
            height:100%;
        }
        .cover{
            display: none;
            position:absolute;
            width:100%;
            height:100%;
            background-color: #333;
            color: #fff;
            text-align: center;
            opacity:0.6;
            filter:alpha(opacity=60); 
            padding-top:60%;
            font-size:14px;
            p{margin-top:10px;opacity:1;
            filter:alpha(opacity=100); }
        }
        [class^=icon-]:before{font-size:28px;}
        .on{
            width:200px;
            .cover{
                display: block;
//              opacity: 1;
//              filter:alpha(opacity=100); 
            }
        }
    }
 }
 
 
 //产品展示

    .product{
        background: url(../img/show_01.jpg) no-repeat;   
        width: 100%;
        padding-bottom: 50px;  
        .itemFrist{
             .item{
                position: relative;
                  img{
                    width: 360px;  
                }
            }
               .active{
                   display: none;
                position: absolute;
                width: 360px;
                height: 196px;
                top: 0;
                left: 0;
                background: #E76520;
                opacity: 0.8;
                filter:alpha(opacity=70);  
                z-index: 50;
                .icon-arrow{
                    position: absolute;
                    top: 35%;
                    left:45%;
                }
                .title{
                    position: absolute;
                    top: 80px;
                    width: 100%;
                    text-align: center;
                    font-size: 18px;
                    color: #FFF;
                }
            }
           }
           .itemLast{
               margin: 10px 0;
                img{
                       width: 267px;                     
                   }
              .active{
                position: absolute;
                width: 100%;
                height: 196px;
                top: 0;
                left: 0;
                background: #E76520;
                opacity: 0.8;
                filter:alpha(opacity=70);  
                z-index: 50;               
                .title{
                    position: absolute;
                    top: 80px;
                    width: 100%;
                    text-align: center;
                    font-size: 18px;
                    color: #FFF;
                }
                .tit{   
                                  
                  position: absolute;
                    height: 20px;
                    bottom:0;
                    z-index: 10;
                }
            }
              
           }
    .item{
       
        .active{
                 filter:alpha(opacity=0);  
                opacity:0;
                -webkit-transition:opacity .3s;
                transition:opacity .3s;
        }
        &:hover{
             .tit{
                   z-index: -1;
                }
           .active{
                opacity:.8;
                filter:alpha(opacity=70);  
                 display: block;
            }
        }
    }
}

.itemFrist,.itemLast{
    img{
        height: 196px;
    }
    a{
        display: block;
        position: relative;
        float: left;
    }
    
 .item{
     [class^="icon-"]{
                &:before{
                    position: absolute;
                    top: 35%;
                    left: 45%;
                    font-size: 30px;
                    color: #fff;
                }
            }
     .tit{ 
         display: block;         
        position: absolute;
        width: 100%;
        bottom: 3px;
        padding: 5px 0;
        background: #333;
        opacity: 0.8;
        text-align: center;
        color: #FFF;
        }
      &:hover{
          .tit{
              color: #333;
          }
      }  
     }
}

//更多

.more{
    position: relative;
    padding: 25px 0;
    [class^="icon-"]{
        color: #E76520;
        font-size: 20px;
    }
}
.more-btn,.btn{
    border: 1px solid #a0a0a0;
    color: #a0a0a0;
    &:hover{
        background: #E76520;
        color: #FFFFFF;
        border-color: #E76520;
    }
}
.more-btn{
    padding: 4px 35px;
    margin-left: 20px;
    }
.btn{
    display: inline-block;
    position: absolute;
    left: 45%;
    padding: 2px 30px;   
}


 //新闻中心
 .qunar {
    position: relative; overflow: hidden; 
    .slide-pic { 
        z-index: 1;
        white-space: nowrap;
       li {
            position:relative;
            height:386px;
            >a {
                display: block;
                overflow: hidden;
            }
           .info {
                position: absolute;
                top: 246px;
                padding:16px; 
                overflow: hidden; 
                z-index: 20;                
                white-space: normal; 
                word-wrap: break-word;
                background: #E76520;
                
                &,a{
                    @extend .t-white;
                   
                }
                a:hover{
                        color: #e8e8e8;                        
                     }
                 .txt{
                     padding: 10px 0;
                    line-height: 1.8;
                }
                .date{
                     font-size: 12px;
                }
                 
            }
        }
    }
    .hd{
        position: absolute;
        top: 55%;
        left: 40%;
        ul li{
            display: inline-block;
            margin-right: 5px;
            width: 15px;
            height: 15px;
            background: url(../img/new_white.png) no-repeat;
            cursor: pointer;
        }
        .on{
            background: url(../img/new_orange.png) no-repeat;
        }
    }            
 }
 .newCenter{
     .qunar {
        width: 400px;
    }
     .next{
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        z-index: 999;
        background: url(../img/arrow-white.png) no-repeat;
        cursor: pointer;
        &:hover{
            background: url(../img/arrow-white_2.png) no-repeat;
        }
    }
 }
 
 
      .newList{
          .list-txt{
              position: relative;
              border-bottom: 1px dotted #666;
              padding-bottom: 10px;
              cursor: pointer;
              .title{
                     color: #333;
                }
                .txt{
                    width: 657px;
                    padding: 10px 0;
                    line-height: 1.8;
                    font-size: 13px;
                    a{
                        color: #666;
                    }
                }
                .date{
                    color: #666;
                    font-size: 12px;
                }
              .arrow{
                  position: absolute;
                  bottom: 10px;
                  right: 0;
                  width: 20px;
                  height: 20px;
                  background: url(../img/arrow-grey.png) no-repeat;
              }
              &:hover{
                  .title{
                      color: #E76520;
                  }
                  .arrow{
                      background: url(../img/arrow-orange.png) no-repeat;
                }
              }
          }
      }                                        

//技术支持
.support{
    padding-bottom: 50px;
    background: url(../img/sup_bg.jpg) no-repeat;
    .list{
         .listBtn{
             position: relative;
             display: inline-block;
             margin: 0 60px;
             width: 190px;
             height: 190px;
             background: url(../img/bg_white.png) no-repeat;
            transition-duration: 0.5s;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color;
            [class^="icon-"]{
                &:before{
                    position: absolute;
                    top: 40px;
                    left: 70px;
                    font-size: 40px;
                    color: #E76520;
                }
            } 
            .title{
                position: absolute;
                bottom: 65px;
                left: 60px;
                font-weight: 500;  
                color: #000;           
            }
            &:hover{
                background: url(../img/bg_orange.png) no-repeat;
                .title{
                    color: #fff;
                }
                [class^="icon-"]{
                &:before{
                    color: #fff;
                }
            } 
            }
        
         }          
        .detail{
            width: 315px;
            color: #fff;
        }
    }
    .mar{
        margin: 0 77px;
    }
}

//合作伙伴
    .parLogo{
        margin-bottom: 50px;
        a{
            display: block;
            position: relative;
            float: left;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            img{
                width: 217px;
                height: 92px;
            }
            .info{
                display: none;
            }
            &:hover{
               .eff{
               position: absolute;
               top: 0;
               left: 0;
               background: #E76520;
                width: 218px;
                height: 96px;
                opacity: 0.8;
                filter:alpha(opacity=70);       
            }
                .logo-arrow{
                    position: absolute;
                    width: 36px;
                    height: 36px;
                    top: 28px;
                    left: 90px;
                    background: url(../img/logo_arrow.png) no-repeat;
            }
            .info{
                display: block;
            }
            }
        }
        li a:first-child{
            border-left: 1px solid #ccc;
        }
        li:first-child{
            a{
                border-top: 1px solid #ccc;
            }
        }
    }

//走进诺睿
.top-ban{ 
    position: relative;
    min-width: $min-width;
    .top-nav{
        margin: -63px 0 0 0;
        background: #464646;
        opacity: 0.8;
        filter:alpha(opacity=70);  
        .list{
            width: 710px;
            margin: 0 auto;
            a{
                display: block;
                float: left;
                padding: 20px 37px;
                color: #fff;
                &:hover{
                    background: #fff;
                     color: #333;
                }
            }
            .on{
                background: #fff;
                color: #333;
            }
        }
    }
    .new-nav{
        @extend .top-nav;
        .list{
            width: 420px;            
        }
    }
    .pro-nav{
         @extend .top-nav;
        .list{
             width: 1100px;
           a{
              padding: 20px 24px;  
           }
        }
    }
    .last-nav{
        @extend .top-nav;
        .list{
            width: 145px;            
        }
    }
}


.content,.develop-content,.ry-content,.new-content{
   margin: 60px 0 155px; 
}
.content{    
    .company{
        h3{
           padding: 10px 0; 
           font-weight: 500;
           color: #333;
        }
        p{
            @extend .t-grey;
            width: 655px;
            text-indent: 2em;
            line-height: 1.6;
        }
    }
    .culture{
        margin-left: 35px;
        h1{
            font-size: 25px;
        }
        h3{
            color: #000;
            font-weight: 500;
        }
        p{
            @extend .t-grey;
            padding:5px 0 15px 0;
        }
    }
    .trails{
        p{
            width: 680px;
            text-indent: 2em;
            line-height: 1.6;
        }
    }
}

//发展历程
.develop-content{
    @extend .t-white;
    [class^="icon-"]{
        &:before{
            font-size: 80px;
        }
    }
    .c-list{
        background: #e6e6e6;       
        padding: 38px 32px;
        height: 430px;
        cursor: pointer;
        .hd{
            text-align: center;
            color: #333;
            [class^="icon-"]{
                &:before{
                   color: #E76520; 
                }
            }
            h2{
                padding: 30px 0;
                font-size: 18px;
                font-weight: 600;
            }
        }        
        h3{
            width: 280px;
            font-size: 14px;
            @extend .t-grey;
            line-height: 1.6;
        }
        &:hover{
            background: #E76520;
            h2,h3{
                color: #fff;
            }
            [class^="icon-"]{
                &:before{
                   color: #fff; 
                }
            }
        }
    }
}

//资质荣誉
.pictureSlider {
    margin:60px auto 150px;
}

.poster-main{
    position:relative;
    height:328px;
    a,img{
        display:block;
        width: 100%;
    }
    .poster-list{
        height:328px;
        .poster-item{ 
            position:absolute;
            left:0;
            top:0;
            padding: 10px;
            border: 1px solid #ccc;
            background: #fff;
        }
        p{
           position:absolute;
            left: 40%;
            bottom: -27px;
            @extend .tc; 
        }
    }
    .poster-btn{ 
        position:absolute;
        top:0;
        width:40px;
        height:40px; 
        z-index:20; 
        cursor:pointer;  
        opacity:0.8;
    }
    .poster-prev-btn{
        left:20px; 
        background: url(../img/ban_prev.png) no-repeat center ;
    }
    .poster-next-btn{
        right:0px;
        background: url(../img/ban_next2.png) no-repeat center ;
    }
} 
 



//新闻中心
.new-content{
    li{
        @extend .clear;
    }
    .list-txt {
        margin: 25px 0 0 25px;
        border-bottom: 1px dotted #ccc;
        .txt{
            width: 845px;
        }
    }
}

//新闻内页
.new-link-main{
    padding-bottom: 80px;
    .hd{
        text-align: center;
        @extend .t-grey,.hdTop;
        h3{
            font-size:20px;
            font-weight: 500;
        } 
        p{
            margin-top: 10px;
        }     
    }
    .bd{
        line-height: 1.8;
        @extend .t-grey;
        img{
            width: 510px;
            height: 354px;
        }
        a{
            color: #333;
        }
    }
}

//返回
.back-btn{              
        text-align: center;
        a{
            @extend .t-grey;  
            width: 100px;
            padding: 5px 22px;
            border-top: 2px solid #ccc;
            border-bottom: 1px solid #ccc;
        }
        span{
            padding-left: 10px;
        } 
        &:hover{
            a{
                @extend .t-color;
            }
        }       
    }


.com-text{
    @extend .t-grey;
    p{
        text-indent: 2em;
    }
}
        
//产品信息
.pro-content{
    margin: 60px 0 90px;
}
.pro-info{
    a{
        float:left ;
        margin-right: 55px;
        img{
            width:284px;
            height: 200px;
            border: 1px solid #ccc;
            padding: 20px;
        }
    }
    a:last-child{
        margin-right: 0;
    }
    p{
        @extend .t-grey;  
            text-align: center;
            padding: 10px 0;
        }
}


//更多按钮
.pro-more{
    position: relative;       
    a{
        display: block;
        @extend .t-grey;
        background: url(../img/line.jpg) no-repeat center;
        padding: 6px 0; 
        &:hover{
             @extend .t-color;
        }
        }
    a{
    &:before,&:after{
        position: absolute;
        content: "";
        width: 170px;
        height: 1px;
        background: #9a9a9a;
        top: 16px;
    }
    &:before{
        left: 313px;
    }
    &:after{
        right: 313px;
    }
}
    
}

//产品展示
.show-main{
    margin-top: 60px;
    h2{
        font-size: 20px;
        padding-bottom: 20px;
        font-weight: 500;
    }
    .list{
        padding-top: 20px;
        border-top: 1px solid #ccc;
        line-height: 1.8;
         @extend .t-grey; 
        .spot{
            display: inline-block;
            padding: 4px;
            margin-right: 10px;
            background: #ccc;
        }
    }
    a{
     img{
            width:410px;
            height: 278px;
            border: 1px solid #ccc;
            padding: 20px;
        }   
    }
    .hd{
        width: 595px;
        margin-top: 62px;
        border-bottom: 1px solid #ccc;       
        a{
            float: left;
            background: #fff;
            color: #000;
            padding: 10px 30px ;
            &:hover{
                background: #E76520;
                color: #fff;
            }       
        }
        .on{
            background: #E76520;
            color: #fff;
            border-bottom:none;
        }
    }
}

.tab-box{
    padding-bottom: 85px;
    .bd{        
        color: #333;
        li{
            padding-top: 30px;
        }
        h3{
            padding-bottom: 5px;
        }        
        p{
            line-height: 1.8;
        }
    }
}

//案例   
.case-info{
    @extend .pro-info;
    padding-bottom: 50px;
    .pic-list{
        display: block;
        margin-right: 85px;
        background: #333;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        p{
            @extend .t-white;
        }
        &:hover{
            background: #E76520;            
             img{
                 transform: scale(1.1);
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
             }
        }
    }
    .pic-list:last-child{
        margin-right: 0;
    }
    .slide-item{
        width: 308px;
        position: relative;
        overflow: hidden;         
     span{        
         webkit-transition-duration: 350ms;
        -moz-transition-duration: 350ms;
        -o-transition-duration: 350ms;
        -ms-transform-duration: 350ms;
        transition-duration: 350ms;
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transition-property: color,background-color,visibility,opacity;
        -moz-transition-property: color,background-color,visibility,opacity;
        -o-transition-property: color,background-color,visibility,opacity;
        -ms-transition-property: color,background-color,visibility,opacity;
        transition-property: color,background-color,visibility,opacity;
        img{
            width: 307px;
            height: 238px;
            padding: 0;
            -webkit-transition: all 0.7s ease;
            -moz-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
            -ms-transition: all 0.7s ease;
            transition: all 0.7s ease;
         }               
    }
   }
}

//案例内页
.case-inner{
    position: relative;
    margin: 40px 0 80px;
    h3{
        padding-bottom: 40px;
        text-align: center;
        font-size: 20px;
    }
    .qunar{
        position: relative;
        overflow: hidden;
        .slide-pic{
            width: 885px;
            margin: 0 auto;
            li{
                position: relative;
                 height: 528px;
                img{
                width: 885px;
                height: 588px;
                }
            }
        }
        .hd{
            left: 46%;  
            top: 95%;     
        } 
        [class^="icon-"]{
               &:before{                  
                    font-size: 40px;
               }
            } 
        .next,.prev{
            position: absolute;
            top: 50%;
            @extend .t-grey;
            &:hover{
                @extend .t-color;
            }
        }
        .prev{
            left: 0;
        }
        .next{
            right: 0;
        }                   
    }
    .com-text{
        margin-top: 35px;
        border-top:1px dashed #ccc;
        line-height: 1.8;
    } 
}



//j技术支持
.sup-content{
    margin: 60px 0 150px;
    h2{
        font-size: 20px;
        font-weight: 500;
    }
    .sup-text{
        @extend .t-grey;
        padding-top:30px;
        span{
            font-size: 20px;
            vertical-align: sub;
        }
    }
}

//下载中心
.m60{
    margin: 60px 0; 
}
.com-table{       
    thead{
        @extend .t-white;
        background-color: #a0a0a0;
        th{           
            font-weight: 500;
            padding: 15px 0;           
        }
    }
    .com-tbody{
        tr{border-bottom: 1px dashed #ccc;}       
        td{
            width: 300px;
            @extend .tc,.t-grey,.ell;
            padding: 15px 10px 15px 20px;
        } 
        td:first-child{text-align: left;}
        .on{
            color: #000;
        }       
    }
    .btn-down{
        padding:5px 10px;
        background: #E76520;  
        @extend .t-white;      
    }
}

//表单
.redstar{
    display:inline-block;
    color: #ff0000;
    margin-right: 5px;
}
.form-box{
    margin-left: 50px;
    .group{
        @extend .clear;
        input{border: none;outline: none;border: 1px solid #ccc;padding: 8px 8px;width: 245px;}
    }
    
.textarea{
    width: 570px;
    height: 157px;
    border: 1px solid #ccc;
    resize: none;
    outline: 0;
    color: #333;
    padding: 10px;
    overflow: hidden;
    }
  .btn-area{      
     .m-btn{
        border: none;
        outline: none;
        display: inline-block;
        padding: 5px 10px;
        margin-right: 5px;        
        padding: 10px 54px;
        margin-right: 30px;
        @extend .t-white;
        cursor: pointer;
     }
  }
}

.bg-orange{
    background: #E76520;
}
.bg-grey{
    background: #a0a0a0;
}

.ser-content{
    @extend .pro-content,.t-grey;
    line-height: 2;
    .ser-info{
        margin:0 100px;
    }
}

//招聘
.zp-top{
    margin: 60px 0 40px 0;
    text-align: center;
    h3{
        padding-bottom: 20px;
        font-size: 20px;
    }
    p{
        line-height: 1.8;
    }
}
.pic-bg{
    position: relative;
    .pic-text{
        position: absolute;
        bottom: 60px;
        right: 55px;
        width: 470px;
        height: 190px;
        background: #fff;
        padding: 30px 68px 68px;
       h2{
            font-size: 20px;
            font-weight: 500;
            padding-bottom: 20px;
        }
        p{
            line-height: 1.8;
            text-indent: 2em;
        }
    }
}

.job-list{
    .job-nav{
        background: #a0a0a0;
        color: #fff;
    }
    .tit{
        text-align: center;
        display:inline-block;
        vertical-align: middle;
        width:58%;
        padding:10px 0;
        &:first-child{
            width:20%;
        }
        &:last-child{
            width:20%;
        }
    }
    .active{
        .jobhd{
            background: #E6E6E6;
            border-color: #E6E6E6;
        }
        .btn-arrow{
            background: url(../img/arrow-up.png) no-repeat center;
        }
    }
    
    .jobhd{
        border-bottom: 1px dashed #ccc;
        color: #565656;
        cursor: pointer;
        
    }
    .on{
        border-bottom:none;
        background: #E6E6E6;
    }
    .btn-arrow{
        background: url(../img/arrow-down.png) no-repeat center;
        height: 30px;
    }
    
    .jobbd{
        padding: 50px 100px;
        line-height: 1.8;
        border-bottom: 1px dashed #ccc;
        @extend .t-grey;
    }
    
}

//联系我们  
.con-l{
    @extend .t-white;
    padding: 40px 14px;
    background: #E76520;
    line-height: 1.8;
    h3{margin-bottom: 20px;}
    img{margin-top: 40px;}
}
.con-wap{
    margin: 20px 0 80px 0;
    @extend .t-grey;
    line-height: 2;
    img{padding-right: 10px;}
    h3{
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        font-weight: 500;
        font-size: 18px;
    }
    .con-list{
        .bor{border:{
            left:1px dashed #ccc;
            right:1px dashed #ccc;
        }}
       li{ 
           display: inline-block;
            padding: 0 95px;
        }
        li:last-child{padding-right:0;}
    }
}


